<!-- 以后项目的根组件 -->

<template>
<div>
<!-- 1.0 template主要是放html元素的（html的页面结构） -->

<!-- 利用mint-ui中的header组件实现整个系统的头部 -->
<mt-header fixed title='云断黄尘'></mt-header>

<!-- 利用mint-ui中的header组件实现整个系统的头部 -->
	<div>
<router-view></router-view>
	</div>
<!-- 利用mint-ui中的header组件实现整个系统的底部 -->
<nav class="mui-bar mui-bar-tab">
			<router-link class="mui-tab-item " to="/Home">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">首页</span>
			</router-link>
			<router-link class="mui-tab-item" to="/tabbar-with-chat">
				<span class="mui-icon mui-icon-email"><span class="mui-badge">9</span></span>
				<span class="mui-tab-label">消息</span>
			</router-link>
			<router-link class="mui-tab-item" to="/shopcar">

				<span class="mui-icon mui-icon-contact">
					<span class="mui-badge">0</span>
				</span>

				<span class="mui-tab-label">购物车</span>
			</router-link>
			<router-link class="mui-tab-item" to="/tabbar-with-map">
				<span class="mui-icon mui-icon-gear"></span>
				<span class="mui-tab-label">个人中心</span>
			</router-link>
		</nav>






</div>

</template>


<script>
//存放js代码的
//导入需要使用的方法js文件
import {Toast} from 'mint-ui';//这个是按需导入，就是使用这个js文件的add方法

export default{
	data(){
		return {
			msg:'云断黄尘',
			num:''
		}
	},
	methods:{
	
		add:function(x,y){
			console.log(x+y);
		},
		tip:function(){
			Toast('我是mint-ui中调用的方法哦')
		}
		
		
	}
}

</script>


<style scoped>
/*存放css代码*/
.red{
	color:red;
}
</style>